* {
  margin: 0;
  padding: 0;
}
body{
  background-color: #f0f0f0;
}
.head {
  width: 100%;
  height: 3.21rem;
  background-color: #fff;

  .top {
    width: 100%;
    height: 2.3rem;
    // background-color: aliceblue;
    display: flex;
    .left{
        width: 2rem;
        height: 100%;
        // background-color: aquamarine;
        font-size: 0.5rem;
        line-height: 2.3rem;

        i{
            margin-right: 0.1rem;
            font-size: 0.5rem;
        }


    }
    .center{
        width: 7.5rem;
        height: 100%;
        // background-color: rgb(148, 158, 155);
        font-size: 0.5rem;
        text-align: center;
        line-height: 2.3rem;

    }
    .right{
        width: 2rem;
        height: 100%;
        // background-color: aquamarine;
        font-size: 0.5rem;

    }
  }

  .buttom{ 
    width: 89%;
    height: 0.9rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    // background-color: aliceblue;
    font-size: 0.5rem;
    display: flex;
    justify-content: space-between;
  }
}

.content{
    width: 100%;
    .item{
    width: 10.9rem;
    height: 7.84rem;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 0.37rem;
    margin-bottom: 0.37rem;
    padding-top: 0.1rem;
    .centent{
        width: 9.9rem;
        height: 6.4rem;
        // background-color: pink;
        margin:  0 auto;
        margin-top: 0.9rem;
        .top{
            width: 100%;
            height: 1.55rem;
            // line-height: 0.7rem;
            // background-color: aqua;
            font-size: 0.45rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .center{
            width: 100%;
            height: 2.28rem;
            // background-color: gold;
            img{
                height: 100%;
                margin-right: 0.2rem;
            }
        }
        .buttom{
            width: 100%;
            height: 1.6rem;
            // background-color: khaki;
            border-bottom: 0.01rem solid #f0f0f0;
            font-size: 0.4rem;
            color: #666666;
            display: flex;
            justify-content: space-between;
            line-height: 1.6rem;
        }
        .wu{
            width: 100%;
            height: 1rem;
            // background-color: yellowgreen;
            display: flex;
            .left{
                width: 50%;
                height: 100%;
                // background-color: #e8dcdc;
                font-size: 0.4rem;
                color: #666666;
                line-height:1rem;
            }
             .right{
                width: 50%;
                height: 80%;
                // background-color: rgb(240, 229, 231);
                display: flex;
                font-size: 0.5rem;
                line-height:0.8rem;
                margin-top: 2%;
                justify-content: space-between;
                .leftt{
                    width: 45%;
                    height: 100%;
                    // background-color: green;
                    border-radius: 0.2rem;
                    border: 0.01rem solid#666666;
                    text-align: center;
                    color: #666666;
                }
                .rightt{
                    width: 45%;
                    height: 100%;
                    background-color: #00a2f1;
                    border-radius: 0.2rem;
                    color: #fff;
                    text-align: center;
                }
            }
        }
    }
    }
}

